<template>
	<!-- 	<view class="min-goods" @tap="jump('/pages/activity/GroupDetails/index', { id: detail.id })"> -->
	<view class="min-goods min-gai" @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: detail.id } })" style="background: #fff;">
		<view class="tuijian">
			<view class="img-box" style="background: #fff;">
				<!-- <view class="tag" >{{ detail.people}}人团</view> -->
				<image class="img" :src="detail.image" mode="widthFix"></image>
			</view>
			<view class="tuijian-q">
				<view class="tuijian-w">
					{{ detail.storeName }}
				</view>
				<view class="tuijian-e">
					{{ detail.price }}豆
				</view>
			</view>
			<!-- <view class="price-box" style="background: #fff;"> -->
				<!-- <view class="y-f" style="background: #fff;">
					<text class="seckill-current">￥{{ detail.price }}</text>
					<text class="original">销量{{ detail.sales }}{{ detail.unitName }}</text>
				</view> -->
			<!-- </view> -->
			<!-- <view class="title"><slot name="titleText"></slot></view> -->
		</view>
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {};
	},
	props: {
		detail: Object
	},
	computed: {},
	methods: {
		// 路由跳转
		jump(path, query) {
			this.$yrouter.push({
				path,
				query
			});
		}
	}
};
</script>

<style lang="scss">
.min-goods {
	width: 357rpx;
	height: 166rpx;
	.tuijian {
		display: flex;
		.img-box {
			width: 132rpx;
			height: 134rpx;
			margin-top: 16rpx;
			margin-left: 16rpx;
			.img {
				width: 100%;
				height: 100%;
			}
		}
		.tuijian-q{
			margin-left: 10rpx;
			.tuijian-w{
				width: 170rpx;
				height: 70rpx;
				margin-top: 23rpx;
				font-size: 24rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				line-height: 36rpx;
				overflow: hidden; //超出的文本隐藏
				text-overflow: ellipsis; //溢出用省略号显示
				display: -webkit-box;
				-webkit-line-clamp: 2; // 超出多少行
				-webkit-box-orient: vertical;
			}
			.tuijian-e{
				font-size: 24rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FF1A1A;
				line-height: 36rpx;
				margin-top: 12rpx;
			}
		}
	}
}
</style>
